約 5,142,186 件
https://w.atwiki.jp/whoone/pages/4.html
リンク HTMLクイックリファレンス http //www.htmq.com/index.htm HTML5ゲームフレームワーク http //blog.verygoodtown.com/2011/02/limejs-html5-game-framework/ HTML5でゲーム作成 http //cnut1024.wiki.fc2.com/ SEO対策 http //seo.acnf.org/ http //www.d3.dion.ne.jp/~jkondou/hp/css_seo.html G123、事前受付登録中の「クイーンズブレイドリミットブレイク」にてAmazonギフト券が当たるフォロー&RTキャンペーン開催 - ASCII.jp HTML5 プロフェッショナル 認定試験 レベル1 想定問題 一覧 (1) - マイナビニュース [実力試し] HTML5 プロフェッショナル 認定試験 レベル2 想定問題 一覧 (1) - マイナビニュース HTML5ベースのMMORPG「MAD WORLD」のαテストが実施中。PCブラウザですぐに参加可能 - 4Gamer.net W3C／HTML5からWHATWG／Living Standardへ、Web発展史をひもとく - ITpro 「Macでリモートアクセス」に対応、Windows 365やシン・テレワークシステムHTML5版の魅力 | ボクシルマガジン - Beyond（ビヨンド） 「シン・テレワークシステム」にHTML5版 ～MacやChromebookからもWindowsをリモート操作可能に - 窓の杜 拡張機能が動かなくなるかも？ 「Google ドキュメント」がHTML5 Canvasベースのレンダリングへ移行 - 窓の杜 新作HTML5ゲーム「邪神ちゃんドロップキックねばねばウォーズ」が配信開始。レアリティS“水着ぴの”がもらえる初心者ミッションを開催中 - 4Gamer.net AWS Elemental MediaLive が HTML5 モーショングラフィックスオーバーレイのサポートを開始 - amazon.com HTML5ベースのモダンブラウザーからリモート操作が可能に、「TeamViewer」にWebクライアント - 窓の杜 GMOメディア：HTML5ゲームプラットフォーム「ゲソてん byGMO」、「楽天ポイントモール」の利用者に向け38タイトルを提供開始 - PR TIMES 第4回専門学校 HTML5作品アワード、受賞作品の発表 - valuepress HTML5に完全対応 アドビ社製Webセミナーシステムの最新バージョン『AdobeConnect11』を提供開始 - アットプレス（プレスリリース） GMOメディア：HTML5ゲームプラットフォーム「ゲソてん」、ゲームコンテンツ提供先の20媒体において「PayPay」決済に対応 - PR TIMES HTML5ベースの韓国産2D MMORPG「MAD WORLD」の最新画像とムービーが公開 - 4Gamer.net Flashを使用している企業に朗報！Flashを簡単にHTML5で再生可能にするサービス『JswfPlayer』Ver2がリリース！ - PR TIMES SL ジャパン、HTML5 に対応した監視制御システム (DCS/SCADA) 向け SL-GMS Web/Developer 新製品をリリース - valuepress HTML5ゲーム「八男って、それはないでしょう！アンサンブルライフ」の正式サービスが本日開始。テレビアニメ版がベースの放置型MMORPG - 4Gamer.net TVアニメの新作HTML5ゲーム『八男って、それはないでしょう！-アンサンブルライフ』本日より正式リリース！記念イベント絶賛開催中！ - PR TIMES アスキーゲーム ガンダムRPG『SDガンダムオペレーションズ』がHTML5軽量化アップデートを実施！ - ASCII.jp 神社経営シミュレーション「かみてる」がHTML5ゲームプラットフォームOhSECHIで配信開始 - 4Gamer.net 人気TVアニメの新作HTML5ゲーム『八男って、それはないでしょう！-アンサンブルライフ-』事前登録受付開始！ - PR TIMES 文系でもできる！HTML５とCSS3の超らくらく入門講座 2020年版 - PR TIMES YouTubeがFlashを排除し、HTML5の最後の障害を取り除いた - 週刊アスキー - 週アスPLUS バンナム、HTML5ゲームの「enza」運営元を完全子会社化 ドリコム保有株買い取り - ITmedia G123で新作HTML5ゲーム『セルリアンホライズン』正式リリース！事前登録報酬は28日にプレゼント！ - PR TIMES GMOメディア：HTML5ゲームプラットフォーム「ゲソてん」、ポイントサイト「モッピー」に『ゲゲゲの鬼太郎 妖怪横丁』など20タイトルを提供開始 - PR TIMES シンプルで安価なマルチデバイス対応HTML5デジタルカタログ制作サービスを提供開始 - PR TIMES スマホゲーム開発者向け書籍「HTML5 ゲーム開発の教科書」が9月中旬に発売 - 4Gamer Adobe FlashをHTML 5で代替するPixi.jsがWebGLを新たにサポート、クロスプラットフォームとインタラクティブアプリに対応 - InfoQ Japan HTML5版「刀剣乱舞」をサポートした「とうらぶキャプ」v2.0.0が公開 - 窓の杜 HTML5ゲームポータル「楽天ゲームズ」終了 2年で幕 - ITmedia NEWS HTML5ゲーム『ガールズ＆クリーチャーズ』ホワイトデーイベント開催！期間限定キャラクターを解禁！ - PR TIMES HTML5ゲームプラットフォームをてがけるLiberappは「HTML5 スマホゲーム業界カオスマップ（2019β）」を公開しました - PR TIMES Liberappが「HTML5 スマホゲーム業界カオスマップ（2019β）」を公開 - 4Gamer.net スマートニュース、優れたHTML5技術を持つ『Tombo, Inc.』を買収 - PR TIMES HTML5 GameCreatorというコミュニティー＆ミートアップをはじめます - PR TIMES あなたはどっちサイドを選ぶ？G123新作HTML5ゲーム『ガールズ＆クリーチャーズ』正式リリース！ - PR TIMES 「Webは次のギアにシフトしている」〜HTML5 Conference 2018 基調講演レポート：レポート - Gihyo Jp HTML5ベースで描画速度が向上、BIダッシュボードの最新版 - ＠IT MONOist 時空を超えて、世界を救え！新作HTML5ゲーム『ナイトメアクロノス』事前登録受付開始！ - PR TIMES 国内最大級のHTML5ゲームサービス「G123.jp」が本日10月4日(木)オープン！ - PR TIMES 国内最大級のHTML5ゲームサービス「G123.jp」オープン！新たなゲームプラットフォーム誕生・10月は新作ゲーム3本登場 - アットプレス 技術の進化に左右されないWebサイトの作り方がわかる、プロを目指す人のための入門書『HTML5＋CSS3の新しい教科書 改訂新版 基礎から覚える、深く理解できる。』発売 - PR TIMES 「艦これ」Flash→HTML5に 大規模メンテスタート - ITmedia 「艦隊これくしょん -艦これ-」がHTML5ベースに移行。8月15日11：55から3日がかりの大規模なメンテナンスを実施 - 4Gamer.net LINE上でHTML5ゲームが遊べる「LINE QUICK GAME」 たまごっち、ナンプレも - ITmedia HTML5ゲームにもeスポーツの熱狂を。 Liberappに観戦APIとデモゲームを追加 - PR TIMES BXD、HTML5プラットフォーム名称を「enza」に--新作ゲーム3タイトルを体験 - CNET Japan バンナム、HTML5活用の新作ゲーム「アイドルマスター シャイニーカラーズ」発表 - CNET Japan HTML5アプリプラットフォームのスタートアップ企業「Liberapp」設立と増資および仮想通貨「リベリウム」でICO検討開始のお知らせ - PR TIMES 株式会社レコム、HTML5ゲーム【iKON COLLECTION HIDDEN CATCH】のセールイベントを開催! - PR TIMES 株式会社レコム、レコム、HTML５ゲーム市場に挑戦! - PR TIMES HTML5を巡るGoogle、Apple、Microsoftの戦略の歴史 - ITmedia 【黒川塾51】HTML5ゲームとクラウドゲームでゲームコンテンツはどうなる？ - Game Deets 「BXD」が狙うHTML5活用ブラウザゲームの需要--ファミスタ、アイマス新作を投入 - CNET Japan コレ1枚で分かる「HTML5（2） マルチデバイス時代のアプリケーションプラットフォーム」 - ITmedia HTML5の機能をどこまで活かせるか--新日鉄住金ソリューションズの「hifive」で実現できること - ログミー 「Google Chrome 56」が正式版に。HTML5デフォルト化がすべてのユーザーを対象に開始 - 窓の杜 「Google Chrome」のHTML5デフォルト化が開始。脱Flashの流れが加速 - 窓の杜 Chromeブラウザの“Flash→HTML5デフォルト化”完了は2017年10月 Googleがロードマップ発表 - ITmedia あきらめていたFLASHありませんか？HTML5変換サービスのご案内 - PR TIMES HTML5はこれからのWindowsか？、普遍的なアプリケーションの普遍的な開発/利用ベースとして - TechCrunch Japan Google Chrome、Flashに代わってHTML5をデフォルトに - ITmedia モバイルファーストを牽引する HTML5によるハイブリッドアプリ - ZDNet Japan 5分でわかるActiveReports帳票－HTML5ビューワ (1/4)：CodeZine（コードジン） - CodeZine HTML5ベースのデスクトップクライアント：TechTargetジャパン用語事典 - TechTargetジャパン 仮想化 - TechTargetジャパン HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは - CodeZine FirefoxブラウザとWebの技術ですぐ作れる！ HTML5で手軽にFirefox OSアプリ開発 - CodeZine YouTube、デフォルト動画プレーヤーを「Flash」からHTML5ベースに変更 - CNET Japan YouTube、メイン再生プレーヤーをFlashからHTML5にようやく移行 - ITmedia YouTube、従来のFlashに代わってHTML5をデフォルトに - AV Watch ついに正式勧告--「HTML5」を使いこなすには何が必要か - builder by ZDNet Japan - ZDNet Japan HTML5がW3C勧告に、15年ぶりの大改訂 - ASCII.jp 「HTML5でスマホとクルマを簡単につなぐ」――韓国Obigo社のハンCEOインタビュー - business network.jp HTML5 CanvasをjQueryライクに操作できるプラグイン「jCanvas」 - CodeZine 広告のHTML5化加速か、Googleがインタラクティブ広告制作ツール「Google Web Designer」を無料提供 【増田 @maskin】 - TechWave（テックウェーブ） #WAVE サンプルで学ぶHTML5の仕様変更要素・後編 (1/3) - ASCII.jp HTML5は5.0へ、2016年にはHTML 5.1も登場か - ASCII.jp Flashを使わない3D絵本の作り方、HTML5/CSS3時代のコンテンツ作りについての雑感 【増田 @maskin】 - TechWave（テックウェーブ） #WAVE HTML5で作るスマホWebアプリ開発チュートリアル(3) HTML5ならではのグラフィックスを実現する「canvas」 - マイナビニュース Cloud SQLとHTML5のWeb Storageで高速仕訳入力 - CodeZine HTML5によるアニメーション作成を容易にする「Adobe Edge」 - builder by ZDNet Japan - builder HTML5のタグに対応したHTMLエディター「Crescent Eve」v0.86が公開 - 窓の杜 50代でも分かったHTML5の基礎知識 - ASCII.jp 3分でわかるHTML5のコンテンツモデルとカテゴリー (1/3) - ASCII.jp Google、Chrome立ち上げ3周年でHTML5のインフォグラフィックを公開 - ITmedia XHTML1.0とHTML5の違いをスタバのページで紹介 (1/6) - ASCII.jp Google、FlashをHTML5に変換するツール「Swiffy」を公開 iOSにも対応 - ITmedia 第512回：HTML5 とは - ケータイ Watch HTML5で注目！インラインSVGの使い方 (1/5) - ASCII.jp W3C、HTML5ロゴを発表 - ITmedia W3C、HTML5ロゴを発表--HTML5推進を目指す - CNET Japan iOS向けゲームが15分で開発できる、高速HTML5ゲームエンジン「IMPACT」登場 【増田(@maskin)真樹】 - TechWave（テックウェーブ） #WAVE HTML5が注目を浴びる理由とは？ ここが違う！サンプルで見るHTML5（1） - CodeZine AppleがiPad/iPhoneでも見られるHTML5ショーケースを公開 (追記あり)【@maskin】 - TechWave（テックウェーブ） #WAVE HTML5は安全か？ 開発者が留意すべきセキュリティ問題 - ITmedia Google、HTML5へのシフトで「Gears」終了へ - ITmedia YouTube、HTML5動画プレーヤーをテスト公開 - ITmedia
https://w.atwiki.jp/0x0b/pages/89.html
ハイパーテキスト転送プロトコル RFC 2616 WebブラウザとWebサーバの間でHTMLなどのコンテンツの送受信に用いられる通信プロトコル リクエスト-レスポンス型 トランスポート・プロトコルとして通常TCPを使用 基本的な考え方は非常に単純であり「何を」「どうして」ほしいのかを相手に要求する。「何を」に当たるのがURL、「どうして」がメソッドにあたる。 World Wide WebにおけるWebページなどのリソースは、Uniform Resource Identifierによって指定される。 ポート番号80をデフォルトとして使用する（送信時は8080）。 TLSで暗号化され、セキュリティを確保したHTTPは、HTTPSと呼ばれる（httpsは実際にはURIスキームの1つであり、実際のプロトコルにはHTTP over SSL/TLSが用いられる）。 HTTP は基本的にサーバが状態を保持しない (stateless) プロトコルだが、データベースなどを使用するWebアプリケーションにおいては状態保持が必要だったため、そのためにいわゆる Cookie とよばれる機構が Netscape Communications Corporation によって導入された。Cookie を使用することによって状態を管理し、"セッション" を維持することが可能になる。 HTTPの拡張プロトコルとしてWebDAVがある。 UPnPでは、HTTPをUDP上で使用するHTTPUや、マルチキャストで使用するHTTPMUが規定された。 HTTP/0.9 URLのみの簡単なやりとり HTTP/1.0 NNTPやSMTPのような各種ヘッダが定義 HTTP_Cookieなどの利用 HTTP/1.1 複数データを転送するためのキープアライブ（keep-alive）機能やプロキシなどの利用も想定された仕様 バーチャルホストをサポートした。インターネット人気に伴い多くの企業がWebサイトを持ち始めたが、当時ではまだまだ企業が自前のWebサーバを運用するのは人員、効率の問題で難しかったためISPのサーバでホスティングをしていた。当時はまだ一社ごとに専用サーバを用意するほどのことでもないため一台のサーバで複数のWebサイトを運用していた。 しかしバーチャルホストには問題がある。例えばある1台のサーバに foo.example.com と bar.example.com という二つの仮想Webサーバがあるとする。ここではクライアントは http //foo.example.com/index.html にアクセスしたいとする。そのためにはまず foo.example.com をIPアドレスに解決するためDNSサーバに問い合わせ、そのサーバにアクセスし GET index.html を要求する。しかしサーバ側のIPアドレスは foo.example.com と bar.example.com 共におなじIPアドレスである。もし foo.example.com にも bar.example.com にも index.html というファイルが存在すればクライアントはどちらのサーバにアクセスしたのかわかるすべがない。 これを解決するにはそれぞれにIPアドレスを付与することで解決できるが、IPv4の資源を無駄にすることになる。 HTTP/1.1ではこれを解決するためにHostヘッダを追加した。 HTTP/1.0のヘッダ GET /index.html HTTP/1.0 HTTP/1.1のヘッダ GET /index.html HTTP/1.1 Host foo.example.com 動作 通信の開始 他のプロトコル同様クライアント側とサーバ側ではHTTPの役割が大きく異なる。HTTP通信を開始できるのはクライアント側のみである。 クライアント側はサーバにリクエストを送り、サーバはクライアントにレスポンスを返すのが最も典型的なHTTPのやりとりである。 接続 システム間でメッセージをやりとりするにはTCP接続を確立させる必要がある。 HTTP/0.9ではクライアントのリクエストごとにTCP接続を確立させる必要があったが、これは当時のWebサイトがシンプルなテキストベースであることが多かったためである。近年ではJavaScriptやアニメーション画像など、多数のオブジェクトが埋め込まれたWebサイトが一般的となってきているが、これら全てのオブジェクトを取得するたびにTCP接続を確立するのはサーバやネットワークに大きな負担を強いるため、HTTP/1.1では持続的接続がサポートされることとなった。ただしこの機能が利用できるのはサーバ側がその要求を許可した場合のみである。 パイプライン クライアントは前のリクエストに対するサーバの応答を待たずに別のリクエストを発行できる。 メソッド HTTPでは8つのメソッドが定義されている。ただし実際のHTTP通信ではGETとPOSTメソッドだけで殆どを占める。 HTTPメソッドの一覧 メソッド HTTP/0.9 HTTP/1.0 HTTP/1.1 GET ○ ○ ○ POST ○ ○ PUT △ ○ HEAD ○ ○ DELETE △ ○ OPTION ○ TRACE ○ CONNECT ○ GET 指定されたURIのリソースを取り出す。HTTPの最も基本的な動作で、HTTP/0.9では唯一のメソッド。 POST GETとは反対にクライアントがサーバにデータを送信するメソッドである。Webフォームや電子掲示板、Wikiなどに投稿する。GETの場合と同じくサーバはクライアントにデータを返すことができる。 PUT 指定したURIにリソースを保存する。URIが指し示すリソースが存在しない場合は、サーバはそのURIにリソースを作成する。画像のアップロードなどが代表的。 DELETE 指定したURIのリソースを削除する。 OPTION サーバを調査するメソッド。例えばサーバがサポートしているHTTPのバージョンなどを調査できる。 HEAD GETと似ているがサーバはHTTPヘッダのみ返す。クライアントはWebページを取得せずともそのWebページが存在するかどうかを知ることが出来る。例えばWebページのリンク先が生きているか検証するときなどにリンク先のデータを全て取得することなく調査することが出来る。 TRACE サーバまでのネットワーク経路をチェックできる。サーバは受け取ったメッセージのそれ自体をレスポンスのデータにコピーして応答する。WindowsのTracertやUNIXのTracerouteとよく似た動作。 CONNECT 暗号化したメッセージをプロキシで転送する際に用いる。 サーバの連携 バーチャルホスト リダイレクト 301 MovedというステータスコードとURIを受け取りクライアントはこの受け取ったURIに再度GETを送る。 クッキー(HTTP_Cookie) HTTPメッセージ クライアントからのHTTPリクエストは3つの要素から構成される。それぞれメソッド、URI、HTTPのバージョンでありスペースで区切られている。 下にもっとも単純な、クライアントとサーバ(www.google.co.jp 80)とのHTTPプロトコルのやり取りの例を挙げる。 クライアントのリクエスト GET / HTTP/1.0 GETがメソッド、URIは / 、バージョンはHTTP/1.0であることを示す。 URIは/でルートリソースを対象にしたリクエストであることを示している。TRACEなど特定のサーバを対象としないリクエストの場合には*が表示される。 サーバのレスポンス HTTP/1.0 200 OK Cache-Control private Content-Type text/html Set-Cookie PREF=ID=72c1ca72230dea65 LD=ja TM=1113132863 LM=111 3132863 S=nNO7MIp W2o7Cqeu_; expires=Sun, 17-Jan-2038 19 14 07 GMT; path=/; domain=.google.co.jp Server GWS/2.1 Date Sun, 10 Apr 2005 11 34 23 GMT Connection Close html head meta http-equiv="content-type" content="text/html; charset=Shift_JI S" title Google /title style !-- ・・・以下省略 上のリクエストのGETにあたる部分をメソッドといい、 HTTP/1.0では、GET, HEAD, PUT, POST, DELETE, LINK, UNLINK、 HTTP/1.1ではさらに、OPTIONS, TRACEがある。 GETメソッドのレスポンスにはヘッダ情報のあとに改行が挟まれ、コンテンツ本体が送られる。 HEADメソッドのレスポンスにはコンテンツサイズや更新日時などの情報を含むヘッダのみが送られる。 また、リクエストの2行目以降はヘッダを送る。 HTTPヘッダフィールド ヘッダの各要素は フィールド名 内容 のペアで構成される。 ブラウザの情報を表すUser-Agent、使用候補言語を表すAccept-Language、他ページへのリンクを辿った場合にそのリンク元ページのURLを表すRefererなどが代表的なフィールドである。 なお、リクエスト時のHostヘッダはHTTP/1.1では必須であるが、HTTP/1.0では無くても良い。 但し、サーバがバーチャルホストを利用している場合は、Hostヘッダが無いとリソース取得に失敗するので、たとえHTTP/1.0を使用していてもHostヘッダを付加しなければならない。 HTTPヘッダフィールドの一覧 リクエストヘッダ ヘッダ概要HTTP/0.9HTTP/1.0HTTP/1.1 Acceptクライアントの受け入れ可能コンテンツタイプを示す○○ Accept-Charsetクライアントの受け入れ可能文字セットを示す○○ Accept-Encodingクライアントの受け入れ可能文字エンコーディングを示す○○ Accept-Languageクライアントの受け入れ可能言語を示す○○ Authorizationクライアントの認証情報を示す○○ Cookieクライアントの状態管理情報をサーバに返す Cookie2HTTP/1.1のSet-Cookie2ヘッダの受け入れ可能をサーバに知らせる Expectクライアントがサーバに期待する動作を示す○ Fromリクエスト発行者個人の情報を示す。一般的に電子メールアドレスを使用する○○ Host要求しているオブジェクトがあるホストを示す○ If-Matchif文を用い条件が真の場合のみリクエストを処理するようサーバに要求する○ If-Modified-Since指定日及び指定時刻以降にオブジェクトが変更されている場合のみリクエストを処理するよう要求する○○ If-None-MatchIf-Matchの逆で条件が真でない場合のみリクエストを処理する要求○ If-Range条件が真の場合のみ指定したオブジェクトの範囲を返すようサーバに要求する○ If-Unmodified-SinceIf-Modified-Sinceの逆で真でないときのみ実行する○ Max-Forwardsリクエストの中間システム経由数を最大いくつまでかを指定する○ Proxy-Authorizationクライアントがプロキシサーバに対して自身の認証を行う○ Rangeオブジェクト全体でなくリソースの一部を要求する○ Refererリクエストの出所を示す。一般的にはユーザの辿ったWebページのURLが用いられる。○○ TEレスポンスの受け入れ可能転送エンコーディングを示す○ レスポンスヘッダ ヘッダ概要HTTP/0.9HTTP/1.0HTTP/1.1 Accept-Rangesオブジェクトの一部に対するリクエストをサーバが受け入れ可能か示す○ Ageオブジェクトの経過時間を秒単位で返す○ AllowオブジェクトがサポートするHTTPメソッドを示す○○ ETagオブジェクトのエンティティタグ値を示す○ Locationオブジェクトの場所を示す○○ Proxy-Authenticateプロキシサーバがクライアントに認証を要求するときに用いる○ Retry-Afterリクエストの再試行をいつ行うかをクライアントに通知する○○ Serverサーバのベンダー名、バージョン番号を占めす○○ Set-Cookie2サーバがクライアントにCookieを送信するときに用いる Varyサーバのレスポンス内容を決定する際にリクエストURI以外に使用したHTTPヘッダのリストを示す○ WWW-Authenticateクライアントに対してリクエストの再発行を要求する。認証情報も含まれる○○ 一般ヘッダ ヘッダ概要HTTP/0.9HTTP/1.0HTTP/1.1 Cache-Controlメッセージの経由する中間キャッシュの動作を指示する○ Connection中間システムが転送すべきでないヘッダのリストを示す○○ Dateメッセージの作成日時を示す○○ Pragmaメッセージに関する追加情報を示す○○ Trailerメッセージボディの後に追加のヘッダーが表れることを示す○ Transfer-Encodingクライアントの転送を目的としたオブジェクトのエンコーディングを示す○ Upgrade通信相手に別のプロトコルにアップデートするよう要求する○ User-AgentクライアントのWebブラウザなどの情報を示す○○ Warningメッセージに関する追加情報を示す。通常はキャッシュの問題を警告するときに使われる○ エンティティヘッダ ヘッダ概要HTTP/0.9HTTP/1.0HTTP/1.1 Content-Encodingオブジェクトのエンコーディングを示す○○ Content-Languageオブジェクトの言語（人間の言語）を示す○○ Content-Lengthオブジェクトのサイズをバイト単位で示す○○ Content-Locationオブジェクトの場所を示す○ Content-MD5オブジェクトのメッセージダイジェストを運ぶ○ Content-Rangeメッセージボディで運ばれるオブジェクトの範囲を示す○ Content-Typeオブジェクトのタイプを示す○○ Expiresオブジェクトの有効期限の日時を示す○○ Last-Modifiedオブジェクトが最後に変更された日時を示す○○ Accept サーバのレスポンスに含まれるメッセージボディで受け入れることが出来るコンテンツタイプと各コンテンツタイプの相対的な優先度を指定するリクエストヘッダ。指定できるコンテンツタイプはIANAによって定義されている。 Accept text/plain; q=0.5, text/html, text/x-dvi; q=0.8, text/x-c 上記のようにAcceptヘッダには行をわけて複数のコンテンツタイプを指定できる。上記の例はいずれの4のコンテンツタイプのいずれも受け入れ可能であることを示す。0.5や0.8といった数字は品質係数で0～1の範囲の数値である。数値の指定がなければ1.0となる。 text/plain; q=0.5 text/html text/x-dvi; q=0.8 text/x-c Accept-Charset レスポンスで返されるメッセージボディの文字コードを指定するリクエストヘッダ。Acceptと同じく複数指定でき品質係数も設定できる。定義済み文字セットはIANAが管理している。 Accept-Charset unicode, *; q=0.8 この例だとクライアントはUnicode文字セットを優先的に希望しているが他の文字セットとの相対優先度0.8で受け入れている。ただしサーバからのレスポンスのHTTPヘッダそのものの文字コードは常にISO-8859-1である。 Accept-Encoding Accept-Language レスポンスの言語（人間の言語）に対する優先度を指定する。言語コードはISO-639の2文字の省略コードを用いる。書き方は他のAccept-群と変わらず。 Accept-Language en-gb, en; q=0.8 上記の例はまずイギリス英語を要求し、利用できない場合はその他の英語を要求する。 Accept-Ranges Acceptで始まる他のヘッダフィールドと違いレスポンスヘッダーである。現在の仕様では2つの指定方法しかない。 Age リソースの推定経過時間を表示するレスポンスヘッダ。キャッシュサーバーはAgeヘッダの値からキャッシュしたリソースが有効かどうかを判定する。 Allow Authentication-info ユーザ認証のやりとりの最後で用いられる、成功したレスポンスのサーバが含めることの出来るレスポンスヘッダー。 Authorization サーバに対するクライアント自身の認証を行うことが出来る。 Cache-Control キャッシングの動作を指定するためのマスターヘッダ。 Connection Content-Encoding Content-Language リソースを英語などの自然言語で示すのに使われる。言語の指定はAccept-Languageヘッダと同じ。 Content-Length Content-Location Content-MD5 メッセージボディが変更されず宛先に届くことを保証する。MD5アルゴリズムを実行する。ただし悪意の改ざんに対しては当然MD5も改ざんされるのであまり機能はしない。どちらかといえば偶発的な変更の保証をしている。 Content-Range ダウンロードの再開に用いられる。 Content-Type メッセージボディに含まれるオブジェクトタイプを示す。次の例はリソースがテキストファイル、文字セットはISO-8859-4を使用していることを示している。 Content-Type text/plain; Charset=ISO-8859-4 Cookie クライアントがHTTP状態管理を望む場合にサーバから受け取ったクッキーを以後のリクエストに次の例のようなヘッダーを付加する。 Cookie $Version="1"; NAME="VALUE"; $Path="/shopping"; $domain="www.shop.com"+ $Port="80" $VersionはHTTPのバージョン、NAMEはクッキーの名前である。$から始まるクッキー名は使用が禁止されている。 Cookie2 基本的にCookieヘッダーとCookie2ヘッダーは別物である。 Date サーバがメッセージを生成した日時を示す。リソースの時間を示すLast-Modifiedヘッダーとは区別する必要がある。 HTTP/1.1では次のような形式を用いるようRFC1123で定義されている。 Date Sun, 06, Nov 1994 08 49 37 GMT HTTP仕様ではレスポンスにDateヘッダーを含めることを求めている。ただしレスポンスのステータスがサーバエラーの場合にはDateヘッダーは返らない。 ETag 主にキャッシングのパフォーマンスを向上する目的で使われる。 Expect サーバに対して特定の動作の期待を知らせる。用途としてはクライアントがサーバに対して100 Continueステータスを返すことを期待する場合に使われる。 Expect 100-continue サーバが期待に応じれない場合は417 Expectation Failedを返す。クライアントがいくつかのプロキシ経由で通信している場合、各プロキシサーバはExpectヘッダの一切の修正を許されない。 Expires オブジェクトの有効期限を示す。このヘッダで指定された日時までキャッシュはレスポンスのコピーを保持し、リクエストに対するレスポンスとして返すことが出来る。サーバがオブジェクトのキャッシュを望まない場合にはExpiresヘッダに過去の日時を設定することが多い。また、HTTP仕様では1年以上先の日時は設定できない。 Expires Thu, 28 Aug 2010 16 00 00 GMT Cache-Controlヘッダのmax-ageディレクティブはExpiresヘッダより優先されるため注意が必要である。 From リクエストを発行したユーザを特定することが出来る。1990年代では電子メールアドレスを設定することが多かったが、迷惑メールの問題もあり現在では殆ど使われていない。 From hoge@hogehoge.com Host 主にレンタルサーバのサポートを目的としてHTTP/1.1で導入された。現在ではHostヘッダを利用できない場合レンタルサーバのウェブサイトとまともな通信が出来ないと言ってよい（詳細はHTTP#歴史を参照）。 If-Match クライアントのリクエストを条件付きのリクエストにするために使われる。サーバは一定の条件が真であった場合のみリクエストを受け入れることが出来る。例えばウィキペディアを編集する際、記事のソースを取得し、書き換える際の間に別のユーザが既に編集していないかを判断するときなどに用いられる。 「if文」も参照 利用者：HogeがHTTPの記事を取得。ETagは1234 利用者：HageがHTTPの記事を取得。ETagは1234 利用者：HogeがHTTPのETagを再度取得。先ほど取得したETag 1234と現在のETag 1234が一致。 利用者：HogeがHTTPの記事を編集。ETagは1256になる。 利用者：HageがHTTPのETagを再度取得。先ほど取得したETagと現在のETagはマッチせず。 サーバは利用者：Hageの書き込みを拒否。 If-Modified-Since このヘッダーで指定された日時以降にオブジェクトが変更されている場合のみリクエストに応答するようサーバに要求する。リソースの削減に効果がある。 If-None-Match If-Matchと逆で条件が真でない場合のみリクエストを処理するよう要求する。 If-Range クライアントがキャッシュにオブジェクトの一部分を持っている場合にパフォーマンスを向上できる。 If-Unmodified-Since If-Modified-Sinceの逆の働きをする Last-Modified サーバオブジェクトの最終更新日時を示す。クライアントはこのヘッダを利用しIf-Modified-Sinceヘッダ等と組み合わせることによって効果を発揮する。 Location サーバがクライアントにリダイレクト先URLを知らせる際に用いられる。一般的にステータスコードが3xx代のレスポンスと共に使われるが201 Createdのレスポンスでも使うことが出来る。Content-Locationヘッダと名前が似ているが全く関係のない別のヘッダであるため注意。 Max-Forwards プロキシサーバ等を経由する際の最大ホップ数を指定する。二重ループなどでサーバから応答が得られない場合の問題解決の際、OPTIONメソッドやTRACEメソッドと共に用いられる。 HTTPステータスコード ステータスコードはクライアントのリクエストが成功したかどうかを示した上で追加情報を提供するいずれも3桁の数字から成る。具体的には100-199が情報提供、200-299が成功を示す。300-399はリダイレクト、400-499はエラーを示す。 セキュリティ技術 Basic認証 HTTP/1.1でBasic認証が定義されており最も単純なセキュリティ技術である。しかし仕様書を読むと定義を書いた著者自身が認証技術に疎いことがよくわかる。『HTTPプロトコル セキュア＆スケーラブルなWeb開発』の著者は「基本認証を用いるくらいならなにも使わない方がまし」と著書に書いている。通常サーバは401ステータスコードで応答する。 行末文字はWindowsと同じCRLF。 RFC 2818 - HTTP Over TLS RFC 2817 - Upgrading to TLS Within HTTP/1.1 RFC 2616 - HTTP/1.1 ハイパーテキスト転送プロトコル -- HTTP/1.1 RFC 2068 - HTTP/1.1（初版，RFC 2616 によって obsolete） TS X 0085 2004 - ハイパテキスト転送プロトコル HTTP/1.1 標準仕様書(TS) RFC 1945 - HTTP/1.0 HttpTea Freeware HTTP Logger Studying HTTP
https://w.atwiki.jp/deadlink/pages/38.html
CSS3 【CSS3】これはやばい！覚えなくてもすぐに使える便利なCSS3ジェネレータまとめ。 - NAVER まとめ http //matome.naver.jp/odai/2132750704946539001 手間ひまかけずcss3だけでデザインしたい人のためのチュートリアル集22選 | Webデザインのレシピ http //www.so-network.biz/css/css3_ui/ 画像もFlashも無し！ スタイルシートでローディング時のスピナーを生成する -CSS load.net | コリス http //coliss.com/articles/web-services/online-cssload-net.html [CSS]iPadの横向きと縦向きでレイアウトを変更するスタイルシート | コリス http //coliss.com/articles/build-websites/operation/css/css-ipad-layout-with-landscape-portrait-modes-by-matthewjamestaylor.html その他 ブログやウェブサイトですぐに役立つ「.htaccess」の設定のまとめ | コリス http //coliss.com/articles/build-websites/operations/htaccess-files-for-the-rest-of-us-by-net-tutsplus.html
https://w.atwiki.jp/naobe/pages/67.html
WEBアプリケーションに戻る タグ http //www.htmq.com/html/index.shtml 参照 radioタグとcheckboxタグ radioタグは１個選択可能。checkboxは複数選択可能 form action="/DynamicWEB/ShowDate" input type="checkbox" name="aaa" AAA br input type="checkbox" name="bbb" BBB br input type="checkbox" name="ccc" CCC br input type="submit" br /form 上記のリクエストは以下 ShowDateServlet start. key aaa, val[0] on key ccc, val[0] on 配列にする意味がないような。しかしこれが一般的な使い方でしょう。 配列を有効に活用するには以下の形式。 form action="/DynamicWEB/ShowDate" input type="checkbox" name="key" value="AAA" AAA br input type="checkbox" name="key" value="BBB" BBB br input type="checkbox" name="key" value="CCC" CCC br input type="submit" br /form 上記のリクエストは以下 key key, val[0] AAA key key, val[1] BBB diabled属性 HTML4.01では、inputタグ、TextAreaタグで使用可能。 divで画面を分割 head style type="text/css" #container{width 750px;text-align left;margin 0px auto;} #header{width 750px;margin 0px 0px 15px 0px;} !-- float 回りこみを許す -- #content{float left;width 590px;} #sidebar{float right;width 150px;padding 0px 0px 0px 10px;} !-- clear 回りこみを解除する -- #footer{clear both;width 750px;margin 15px 0px 15px 0px;} /style /head body div id="container" div id="header" ここがヘッダー /div div id="content" ここがコンテンツ /div div id="sidebar" ここがサイドバー /div div id="footer" ここがフッター /div /div /body 用語 項目 説明 備考 インライン要素 前後で改行されない ブロック要素 前後で改行される
https://w.atwiki.jp/cheapugg058/pages/16.html
Pryor also ran it in for a rushing score of his own If using Facebook is a good method of getting your message out and building your subscriber list is the ideal strategy to make money, is there any way to combine the two? Is there any way to use Facebook to create a great subscriber list?The typical way that a business person gets individuals to subscribe is by putting a opt-in form on their websiteauthomichael kors online r {line-height 22px;color #666;font-family Arial, Helvetica, sans-serif;} My facts and this story implicates former Gov Tailgating can be very enjoyableMarino appeared on the 27th position in the List of 100 Greatest Football Players Everybody was completely muddy, so muddy you couldn t see who was wearing what uniformmetadata span There are painted batting helmets that have flaming skulls, baseballs with growling faces and even depictions of famous players in action painted directly on the helmettwitter-inner-ditto238301605173284864 { background #fff; padding 10px 12px 10px 30px; margin 0; min-height 48px; color #000; font-size 22px !important; font-family Georgia, "Times New Roman", Times, serif; line-height 30px; -moz-border-radius 5px;www.michaelkorsoutletzc.com -webkit-border-radius 5px; } div The software has made it possible for me to watch the National Football League matches from virtually anywhere Sirius has over 125 commercial free channels2 rushing yards per game, second only to Nevada in the NCAA Football Bowl Subdivisioncom/profile_background_images/403364355/Twitter_IndyBG This year s first pick may be one of the biggest blunders in many years2012 (Monday) (Local Time)VolleyballMichael Turner Jersey Women s preliminariesChina v Turkey (09 30)Serbia v South Korea (11 30)Dominican Republic v Russia (14 45)USA v Brazil (16 45)Italy v Japan (20 00)Great Britain v Algeria (22 00)Sports fans and supporters around the globe watch London Olympic 2012 all game Live Streaming upauthor {line-height 20px;color #333;font-family Arial, Helvetica, sans-serif;} Instead a photographer will highlight your best features t[[Rob Gronkowski Jersey http //www.patriotsnflofficialstore.com]] o create a beautiful shot04 Earnings $1Tony ShaloubThis season ticket holder has more Emmys than youNFL Divisional Playoff Predictions This week it stands to reason that the task I face is far more daunting than the last She has also had a line of shoes and jewelry Restoring and maintaining resilience is often a matter of being in close contact with your physical and emotional statusCditto184461049246912513{background #9AE4E8Rob Gronkowski Jersey Rush sold concert tickets to 37 markets in the United States and Canadatwitter-inner-ditto221997961155067904 div Phillips seemed to be the star of the show last night, with way more camera time than Sanchez, although her simple rendition of “I Will Always Love You” rocked the house down and gave her fans some hope that perhaps she would sweep the night after allGetting cheap software discounts does not mean that the product you are getting is cheap and ill-madetimestamp a Just plan to have the food cooked at least an hour and a half before the game starts2012 National Football League Pre-Season Schedule (All times Eastern)Sunday, August 5Arizona vsreply span {background-position 0px 3px;} p Tommy Thompson (in bush s cabinet in Dept Hot subs such as meatball, pulled pork and Philly cheese steak are hot on the menu of many tailgaters Managing the promotional programs for the players and teamstimestamp {font-size 12px;display block;color #999;} pretweet span {background-position -80px 3px;} p He was in the mood to celebrate In the words of Jack Welch, former CEO of GE, "When you take on a leadership role, it s no longer about you, it s about themretweet span {background-position -80px 3px;} p Other than that, Morita was mostly a bit player, but one you would recognize on TV shows from Happy Days to Baywatch An attempt to collect and list down some of the interesting names is done in the following write updittoTweet span There are many different sites on the world wide web that need you to use interesting or cool screen names El Laberinto de la Soledad , a study of the Mexican identity and thought and his poetic works like Libertad de Pisis and Piedra de sol are some of his most famous contributions to Mexican literature It is sold in many health stores; it is even sold online through Amazon Unfortunately, the source didn’t go into very many specifics, though he did hint at something particularly good coming for those who will run iOS 6 on theMatt Ryan Jersey new iPad After that, they try to find such a source that would be reliable both in terms of originality of product as well as consistent fine-quality But I was only spending about $100 and I was sure whatever I got for that price was going to be better than the old beat up house cues that I had been using But then Sellers sprained an ankle and could not work in the cramped cockpit set3 billion at market exchange rates Yes, you read right you can go through the hiring process, both in the game and online, making it interesting and somewhat unnecessary for any but the most hardcore gamers NCAA Football 11 -Wikipedia The race, currently sponsored by Commerzbank, is Germany s oldest city marathon
https://w.atwiki.jp/atachi/pages/55.html
主なクラス [#n83d18cd] Webのリクエスト(WebClient版) [#vc4783ac] Webのリクエスト(HttpWebRequest) [#oceb8eb7] URLのエンコード [#dc0c93ce] .NET Frameworks Compactでのエンコード [#ydcce460] 主なクラス WebClient(MSDN) シンプルなWebアクセスを行う。ファイルのアップロードなどの機能を簡単に提供する。 HttpWebRequest(MSDN) HTTPプロコトルに特化したWebRequest HttpWebResponse(MSDN) HttpUtility(MSDN) HTTPに関するユーティリティクラスとして、System.Web名前空間に属するクラスがある。この名前空間はデフォルトでは読み込まれないので、プロジェクトの参照設定から手動で組み込む必要がある。.NETをコンパクトで実装しているプロジェクトの場合はこちら Webのリクエスト(WebClient版) WWWサーバー上のファイルを読み込むにはWebClient.OpenRead()を使うとHTTPを使用したリクエストをすべて作成してアクセスするので非常に簡単に該当のデータを読み込むことができる。 WebClient myClient = new WebClient(); Stream response = myClient.OpenRead("http //www.contoso.com/index.htm"); response.Close(); WebClientを使ったリクエストは非常にシンプルなリクエストしか行うことができない。 Webのリクエスト(HttpWebRequest) GETの場合はリクエストするURIにクエリー文字列を直接記述できる。 HttpWebRequest req = (HttpWebRequest)WebRequest.Create("http //hogehoge.com?mode=test"); WebResponse res = req.GetResponse(); Stream stream = res.GetResponseStream(); // ストリームからデータの読み込み stream.Close(); POSTの場合は、WebRequestから書き込み用のStreamを取得しそこにクエリーに含める文字列を追加する。 HttpWebRequest req = (HttpWebRequest)WebRequest.Create("http //hogehoge.com"); req.Method = "POST"; // POSTによるアクセスモード req.ContentType = "application/x-www-form-urlencoded"; // ContentTypeの指定は必須ではないが // WWWサーバーに対して行儀のよい作法。 // 相手のWWWサーバーの設定によっては、適切でないContentTypeは // リクエストを蹴られる場合があるので。 using(StreamWriter requestWriter = new StreamWriter(req.GetRequestStream())) { // C#基本構文(リソース)を参照 requestWriter.Write("mode=test"); } WebResponse res = req.GetResponse(); Stream stream = res.GetResponseStream(); // ストリームからデータの読み込み stream.Close(); 参考 using構文について URLのエンコード URLには日本語や一部の文字を含めることができません。 HTTPのリクエストでGETを使用する場合は必ずURLのエンコードが必要です。 たとえば、URLにはスペースを含めることができないので、URLのエンコードによって「%2F」というメタデータに変換されます。 URLのエンコードはHttpUtilityクラスのユーティリティメソッドを使います。 string encoded = HttpUtility.UrlEncode(target); .NET Frameworks Compactでのエンコード .NET Framework Compact で開発している場合、System.Webを参照できません。 代わりにUriクラスを使用してエンコードすることができます。(UTF-8のみ) string escaped = Uri.EscapeUriString("ほげほげ");
https://w.atwiki.jp/naobe/pages/78.html
ネットワークに戻る RFC2616概要 HTTP/1.1 RFC6265概要 HTTP状態管理機構 パーセントエンコーディング（URLエンコード） URLで意味を持つコードと混同する日本語などのバイナリや特殊記号を16進形式にして、先頭に%を付加した文字に変換する。正確に言うと、非予約文字、予約文字以外を変換する。 項目 説明 非予約文字 ASCIIのコード範囲内の英字（大文字・小文字）、数字、ハイフン “-”、ピリオド “.”、アンダースコア “_”、チルダ “~” 予約文字 URIを表す符号。ASCIIのコード範囲内のコロン “ ”、スラッシュ “/”、疑問符 “?”、シャープ “#”、角括弧 “[”、“]”、単価記号 “@”、感嘆符 “!”、ドル記号・ペソ記号 “$”、アンパサンド “ ”、アポストロフィー・シングルクオート “ ”、丸括弧 “(”、“)”、アスタリスク “*”、正符号・加算記号 “+”、コンマ “,”、セミコロン “;”、等号 “=” name=%E8%8F%85%E7%9B%B4%E4%BA%BA UTF-8で、%E8%8F%85：菅, %E7%9B%B4 直, %E4%BA%BA 人 x-www-form-urlencoded(URLエンコード) POSTのフォームデータをエンコードする。%を付加する方式は、パーセントエンコーディングと同じ。パーセントエンコーディングの予約文字も変換している スペースは"+"に変換。Javaのソースを見ると、英数字、"-","_", ".","*"以外を変換する BASE64 Wikipediaより データを64種類の印字可能な英数字のみを用いて、それ以外の文字を扱うことの出来ない通信環境にてマルチバイト文字やバイナリデータを扱うためのエンコード方式 7ビットのデータしか扱うことの出来ない電子メールにて広く利用されている A–Z, a–z, 0–9 までの62文字と、記号2つ (+ , /) 、さらにパディング（余った部分を詰める）のための記号として = が用いられる 76文字ごとに改行コードが入る Cookie Wikipediaより クッキーを設定する際、どの要求に対してクッキー情報を送り返すのか、URLの範囲を指定する。 規定値は、クッキーを設定したサーバに対するすべての要求であり、対象を広げることも狭めることもできる。ただし広げる場合でも、トップレベルドメインより狭い範囲でなければならない。 またクッキーの有効期限は、通常はブラウザを終了するまでだが、指定した期限まではブラウザを再度起動しても保持されるように設定することができる。有効期限の情報も、サーバからブラウザにクッキー情報を送信する段階で付加される。 無期限という設定は出来ない。 詳細： http //www.studyinghttp.net/cookies リクエスト 全てテキスト。行(CRLF)で区切られる。 フォーマット リクエストラインは１行。ヘッダは複数行。 大項目 小項目 説明 リクエストライン メソッド GET,POST,PUTなどのどれか。 リクエストURL リクエストを処理するURI プロトコルバージョン HTTPのバージョン。【例】HTTP/1.1 ヘッダ HOST リクエスト先のホスト名。必須項目 空行 POSTのときにヘッダの終了を示すために挿入される メッセージボディ POSTのときにリクエストデータを出力する 【例】 GET http //example.jp/31/31-001.php HTTP/1.1 リクエストライン Host example.jp --+ User-Agent Mozilla/5.0 (Windows NT 5.1; rv 2.0.1) Gecko/20100101 Firefox/4.0.1 | Accept text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 +-- ヘッダ Accept-Language ja,en-us;q=0.7,en;q=0.3 | Accept-Encoding gzip, deflate | Accept-Charset Shift_JIS,utf-8;q=0.7,*;q=0.7 | Keep-Alive 115 | Connection keep-alive | Referer http //example.jp/31/ --+ Accept-CharsetでShift-JISの品質係数が１であるため、サーバは、Shift-JISでエンコードしたメッセージを返す。 POST http //example.jp/31/31-003.php HTTP/1.1 リクエストライン Accept image/gif, image/jpeg, image/pjpeg, image/pjpeg, application/vnd.ms-excel ヘッダ Referer http //example.jp/31/31-002.php Accept-Language ja User-Agent Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; Inf oPath.1; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729) Content-Type application/x-www-form-urlencoded Accept-Encoding gzip, deflate Host example.jp Content-Length 65 Connection Keep-Alive Pragma no-cache name=%E8%8F%85%E7%9B%B4%E4%BA%BA mail=kan@aaa.jp gender=%E7%94%B7 メッセージボディ Hostヘッダ HTTP1.1では必須。POST/GETでのURIにHOSTを指定していなかった場合、Virtualホストを特定できない。そのためHostヘッダにHOST名を指定する。URIにホスト名があって、Hostヘッダにもホスト名がある場合はURIを優先する。URIにホスト名を指定することを強制すれば良いような気がするが。 Referer ヘッダの一種。リンク元のURLを示す。あるWebページのリンクをクリックして別のページに移動したときの、リンク元のページのこと。 改変、削除される場合があるので正しくリンクを示しているとは限らない。 セキュリティ上、問題となるのは、URLが秘密情報を含んでいる場合。たとえば、URLがセッションIDを含んでいる場合。なりすましに使われる可能性がある。 【例】 GET http //example.jp/31/31-002.php HTTP/1.1 Accept image/gif, image/jpeg, image/pjpeg, image/pjpeg, application/vnd.ms-excel, application/vnd.ms-powerpoint, appl ication/msword, application/x-shockwave-flash, application/x-ms-application, application/x-ms-xbap, application/vnd.ms -xpsdocument, application/xaml+xml, */* Referer http //example.jp/31/ Accept-Language ja User-Agent Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; Inf oPath.1; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729) Accept-Encoding gzip, deflate Host example.jp Connection Keep-Alive http //example.jp/31/のHTMLのaタグからリクエストが発生したため、Refererヘッダがつく。 レスポンス 全てテキスト。行で区切られる。 フォーマット ステータスラインは１行。ヘッダ、ボディは複数行。 大項目 小項目 説明 ステータスライン プロトコルバージョン ステータスコード 1XX 処理継続、2XX 正常終了、3XX リダイレクト、4XX クライアントエラー、5XX サーバエラー テキストフレーズ レスポンスヘッダ Content-Length ボディのバイト数 Content-Type MIMEタイプ; charset=エンコーディング 空行 ヘッダの終わりを示す ボディ 【例】 HTTP/1.1 200 OK Date Wed, 04 May 2011 04 51 51 GMT Server Apache/2.2.14 (Ubuntu) X-Powered-By PHP/5.3.2-1ubuntu4.2 Vary Accept-Encoding Content-Length 20 Keep-Alive timeout=15, max=100 Connection Keep-Alive Content-Type text/html; charset=UTF-8 body 13 51 /body Content-type メディアタイプを示すエンティティヘッダ（メッセージボディに対する付随情報）。type "/" subtype *( ";" parameter )であらわされる。text/html; charset=utf-8など。charsetを追加すると出力の文字コードを示す。HTML文書にapplication/octet-streamを付けると、 多くの場合、Webブラウザはそれをダウンロードするか否か問い合わせるようになる。 Apacheの場合は、httpd.confの以下の設定でcharsetを指定する。 AddDefaultCharset UTF-8 Tomcatでは、JSPのpageディレクティブで設定する。 %@ page language="java" contentType="text/html; charset=Windows-31J" pageEncoding="Windows-31J" % http //www.atmarkit.co.jp/fjava/rensai3/mojibake01/mojibake01.html 参照
https://w.atwiki.jp/testlink/pages/64.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" xml lang="jp" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta http-equiv="expires" content="-1" / meta http-equiv="pragma" content="no-cache" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Instructions /title style media="all" type="text/css" @import "../../{$smarty.const.TL_THEME_CSS_DIR}testlink.css"; /style /head body div class="workBack" body h1 テスト計画へテストケースを追加 /h1 h2 目的： /h2 p リーダー権限を持つユーザは、テストケースをテスト計画へ追加できます。 /p h2 テストケースの追加： /h2 ol li テストスイートをクリックし、全て、または1つのテストケースを表示します。 /li li あなたが追加を完了したい時、"テストケース追加"ボタンをクリックし、テストケースをインポートして下さい。 注意：同じテストケースを複数回追加することは出来ません。 /li li あなたはキーワードにより、フィルタを使用することも出来ます。 /li /ol /div /body /html
https://w.atwiki.jp/htmlsakusei/pages/4.html
htmlの特徴 htmlを使うとこういうことができます。 種類 できること ドロップダウンリスト 決められた項目から選択できる リストボックス 同じ ほかにもいろいろあります。
https://w.atwiki.jp/yoshida2/pages/115.html
telnetでブラウズ(HTTP) このページでは、インターネットでホームページなどをブラウジングするときに利用するHTTPプロトコルについて説明しています。 概要 HTTPプロトコルとは、Hypertext Transfer Protocolの略で、インターネットでホームページなどをブラウジングするときに利用しているプロトコルです。 HTTPプロトコルは、TCP/IP上のプロトコルで、通常80番ポートを使ってアクセスします。 詳細な定義は、以下のRFCで定義されています。 RFC-1945 HTTP/1.0 RFC-2068 HTTP/1.1 基本的に、メッセージを要求(リクエスト)し、その応答結果(レスポンス)を表示するだけです。 HTTPのアクセスログ ApacheなどのWebサーバのログを見ると、リクエストとレスポンスが、以下の形式で出力されます。 アクセスログの書式 アクセス元 - - [アクセス時間] メソッド名 URL名 プロトコルバージョン レスポンスコード 例： 10.0.1.20 - - [01/Jul/1999 23 22 46 +0900] GET /usr/joe/index.html HTTP/1.0 200 2060 メソッドの種類には、GETやPOSTなどがあります。 GETメソッドは、HTMLデータや画像データなどを取得する場合に使用します。 GETメソッドで要求すると、ヘッダ情報とHTMLデータが返却されます。 GETメソッドでCGIを呼び出すこともできます。 パラメータを渡す場合は、URLの後に ?name1=データ1 name2=データ2 という形式で指定します。 HEADメソッドは、ファイルサイズや更新日時を調べる場合に利用します。 HEADメソッドを利用すると、ヘッダ情報だけが返却されます。 POSTメソッドは、CGIなどにデータを渡す場合に使用します。 パラメータなどのデータは、環境変数などによって、CGIに渡ります。 以下に、HTTPのバージョンとメソッドの種類を示します。 メソッドの種類 HTTP/1.0 GET, HEAD, PUT, POST, DELETE, LINK, UNLINK HTTP/1.1 OPTIONS, TRACE, PATCH 以下に、レスポンスコードの一覧を示します。 100番台は通信エラー、200番台は正常終了、300番台はリダイレクト、400番台はクライアントエラー、500番台はサーバエラーを表しています。 リダイレクトとは、クライアントの指定したURLに移動した場合などに返却されます。 レスポンスコード コード 内容 コード 内容 100 Continue 101 Switching Protocols 200 OK 201 Created 202 Accepted 203 Non-Authoritative Information 204 No Content 205 Reset Content 206 Partial Content 300 Multiple Choices 301 Moved Permanently 302 Moved Temporarily 303 See Other 304 Not Modified 305 Use Proxy 400 Bad Request 401 Unauthorized 402 Payment Required 403 Forbidden 404 Not Found 405 Method Not Allowed 406 Not Acceptable 407 Proxy Authentication Required 408 Request Time-out 409 Conflict 410 Gone 411 Length Required 412 Precondition Failed 413 Request Entity Too Large 414 Request-URI Too Large 415 Unsupported Media Type 500 Internal Server Error 501 Not Implemented 502 Bad Gateway 503 Service Unavailable 504 Gateway Time-out 505 HTTP Version not supported レスポンスコードは、ログファイルなどに出力されますので、知っていると役に立つと思います。 telnetでブラウジング では、実際にtelnetでブラウジングしてみましょう。 telnetコマンドで、WWWサーバ名と、80番ポートを指定します。 Linux# telnet ash.jp 80 そこで、環境変数をすべて表示するCGI(env.cgi)を起動してみます。 まず、GETコマンドで、取得したいURLと、HTTPのバージョンを指定します。 GET /~joe/prog/cgi/env01.cgi HTTP/1.0 ここで、リターンのみを入力しても表示されますが、以下のオプションも入力してみます。 指定したオプションは、環境変数としてCGIに渡ります。 User-Agent Telnet [ja] (Linux) Host www.ash.jp リターンのみを入力すると、レスポンスと、HTMLが表示されます。 当然、HTMLのソースが表示されるだけですから、頭の中でHTMLを解析し画面イメージを想像する必要があります。 以下に実行結果を示します。 Linux# telnet ash.jp 80 Trying 210.154.87.18... Connected to ash.jp. Escape character is ^] . GET /~joe/prog/cgi/env01.cgi HTTP/1.0 User-Agent Telnet [ja] (Linux) Host ash.jp HTTP/1.1 200 OK DeleGate-Ver 5.8.8 (delay=7) Date Fri, 02 Jul 1999 09 56 24 GMT Server Apache/1.3.3 (Unix) Content-Type text/html Via 1.0 210.154.87.18 80 (DeleGate/5.8.8) Content-Length 954 html body h1 ＣＧＩでの環境変数一覧 /h1 hr h3 環境変数の表示 /h3 DOCUMENT_ROOT = /usr/local/share/apache/htm br GATEWAY_INTERFACE = CGI/1.1 br HTTP_FORWARDED = by http //210.154.87.18 80/ (DeleGate/5.8.8) for sv01.lo.ash.or .jp br HTTP_HOST = ash.jp br HTTP_USER_AGENT = Telnet [ja] (Linux) br HTTP_VIA = 1.0 210.154.87.18 80 (DeleGate/5.8.8) br PATH = /usr/local/sbin /usr/local/bin /sbin /usr/sbin /bin /usr/bin br QUERY_STRING = br REMOTE_ADDR = 10.0.1.254 br REMOTE_PORT = 12621 br REQUEST_METHOD = GET br REQUEST_URI = /~joe/prog/cgi/env01.cgi br SCRIPT_FILENAME = /home/joe/public_html/prog/cgi/env01.cgi br SCRIPT_NAME = /~joe/prog/cgi/env01.cgi br SERVER_ADMIN = info@ash.jp br SERVER_NAME = ash.jp br SERVER_PORT = 80 br SERVER_PROTOCOL = HTTP/1.0 br SERVER_SIGNATURE = ADDRESS Apache/1.3.3 Server at ash.jp Port 80 /ADDRESS br SERVER_SOFTWARE = Apache/1.3.3 (Unix) br hr br このＣＧＩのソース： a href=env01.txt env01.cgi /a br /body /html Connection closed by foreign host. 最初の、HTTP/1.1 200 OKは、HTTPプロトコルで、正常に転送したことを表します。 その後にヘッダ情報が転送され、最後にHTMLのソースが転送されます。 環境変数として、以下の値が追加設定されているのが確認できます。 HTTP_HOST = ash.jp HTTP_USER_AGENT = Telnet [ja] (Linux) このように、HTTPプロトコルは、要求（リクエスト）に対して、応答（レスポンス）が返却されるだけのシンプルなプロトコルです。 余談ですが、HTTPプロトコルという呼び方は、Hyper Text Transfer Protocol プロトコルになって、プロトコルが2重になってしまい、おかしいです。 でも、この方がわかりやすいので、私はよく使います。